<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<wicket:head>
<style>
<!--
.time tr{
	border: 1px solid #e0e0e0;
}
.time td{
	border: 1px solid #e0e0e0;
}
-->
</style>
</wicket:head>
</head>
<body>
<wicket:extend>

<div wicket:id="menuTopo"></div>

<form wicket:id="form">

	<div class="container-titulo">
		<span class="titulo">Criar Partidas</span>
	</div>
	<div style="width: 100%; float: left;" align="center">
		<div>
			<table>
				<tr>
					<td>
						<span class="label">Quantidade de Jogadores:</span>
					</td>
					<td>
						<select wicket:id="versus">
							<option>selecione</option>
						</select>
					</td>
				</tr>
			</table>
		</div>
		<div style="height: 60px; width: 48%; float: left; margin-top: 20px;"><span class="titulo">TIME 1</span></div>
		<div style="height: 60px; width: 48%; float: left; margin-top: 20px;"><span class="titulo">TIME 2</span></div>
		<div wicket:id="time1" style="float: left;">
			<!-- Time 1 -->
		</div>
		<div wicket:id="time2" style="float: left; margin-left: 15px;">
			<!-- Time 2 -->
		</div>
		
		<!-- Placar -->
		<div style="width: 67%; text-align: center; float: left;">
			<br/>
			<span class="label-medio">PLACAR: <span style="color: red;" wicket:id="placarVermelho"></span> 
			X 
			<span style="color: blue;" wicket:id="placarAzul">2</span></span>
		</div>
		
		<!-- Botao -->
		<div align="right" style="width: 90%; float: left;">
			<input type="submit" wicket:id="btSalvar" value="salvar" />
		</div>
		<!-- separador -->
		<div class="separador-linha" style="float: left; margin-left: 35px;"></div>
	</div>

</form>

<div wicket:id="modal"></div>

</wicket:extend>
</body>
</html>
